@charset "UTF-8";

:root {
  --klein-font-family: 'Microsoft YaHei', 'Microsoft Jhenghei', sans-serif;
  --klein-font-size: 14px;
  --klein-font-color: #181818;

  /* custom theme */
  --klein-color-white: #ffffff;
  --klein-color-black: #000000;
  --klein-color-primary: #1677ff;
  --klein-color-success: #00b578;
  --klein-color-warning: #ff8f1f;
  --klein-color-danger: #ff3141;
  --klein-color-error: #ff3141;
  --klein-color-info: #919599;
  --primary: #409eff;
  --success: #67c23a;
  --warning: #e6a23c;
  --danger: #f56c6c;
  --error: #f56c6c;
  --info: #909399;

  --klein-border-color: #aeaeae;
  --klein-border-radius: 4px;
  --klein-placeholder-color: #c2c4c8;
  --klein-active-color: #ff790f;
  --primary-theme-back: #097fff;
  --klein-dotted-color: #e4e7ed;
  --klein-underlined-color: #e4e7ed;

  --klein-color-00: #2742b7;
  --klein-color-01: #60ce9f;
  --klein-color-02: #fe413b;
  --klein-color-03: #22a1fe;
  --klein-color-04: #ff4e2c;
  --klein-color-05: #3dc056;
  --klein-color-06: #5eae17;
  --klein-color-07: #ff9a0a;
  --klein-color-08: #ff94b4;
  --klein-color-09: #5975fd;
  --klein-color-10: #fd832e;
  --klein-color-11: #8ba583;
  --klein-color-12: #cda59e;
  --klein-color-13: #80d1c8;
  --klein-color-14: #ffd4a9;
  --klein-color-15: #91b822;
  --klein-color-16: #ffe76f;
  --klein-color-17: #ff770f;
  --klein-color-18: #f1f2e5;
  --klein-color-19: #b94be8;
  --klein-color-20: #0c7dff;

  --chinese-red: #d7000f; // 中国红
  --main-font: #303133; // 主要文字
  --se-font: #909399; // 次要文字
  --pl-font: #c0c4cc; // 占位文字
  --de-font: #606266; // 常规文字
  --rrr1: #dcdfe6; // 一级边框
  --rrr6: #ebeef5; // 三级边框
  --rrr8: #f2f6fc; // 四级边框
  --rrr7: #8a8a8a; // 四级边框
  --two-five: #252525;
  --dark: #343a40;
  --three: #333333;
  --six: #666666;
  --on-rest: #757575;
  --eight: #888888;
  --ninety-eight: #989898;
  --nine: #999999;
  --cbcbcb: #cbcbcb;
  --e4e6e8: #e4e6e8;
  --f2f2f2: #f2f2f2;
  --f8f9fa: #f8f9fa;
  --bg-4rd: #f3f3f3;
  --rest: #f7f7f7;
  --bg-primary: #f8f8f8;
  --hover: #fafafa;
  --active: #fcfcfc;
  --border-gray: #e9e9e9;
}